<template>
    <div id="app" class="theme_red">
        <router-view />
    </div>
</template>
<script>
export default {
    name: 'App',
    mounted() {
        this.$nextTick(() => {
            let link = document.createElement('link');
            link.type = 'text/css';
            link.id = 'theme';
            link.rel = 'stylesheet';
            link.href = './theme_red.css';
            console.log(link);
            document.getElementsByTagName('head')[0].appendChild(link);

            // document.getElementById('app').setAttribute('class', 'theme_red');
        });
    }
};
</script>
<style lang="less">
:root {
    --theme_bg_color: #eb6161;
}
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
}
</style>
